<!DOCTYPE html>
<html>
<head>
<title>ChatLearner: Papaya</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="/css/style.css?v=8" media="all" />

<script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/js/index.js?v=15"></script>
</head>
<body>
<div id="chatBox">
	<div id="boxHeader">
		<h1>Papaya</h1>
		<p>Please chat with me in English.</p>
		<figure class="avatar"><img src="/images/papaya.jpg" alt="Papaya" /></figure>
	</div>
	<div id="boxCenter"></div>
	<div id="boxFooter">
		<textarea id="inputArea" rows="2" placeholder="Type message..."></textarea>
		<button id="sendButton" type="button">Send</button>
	</div>
</div>
</body>
</html>